<template>
	<view>
		<view class="box-a">
			<view class="nin">
				<slot></slot>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"box-a",
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>

	.box-a {
		width: 100%;
		height: 40px;
		background-color: rgba(71, 71, 71, 1.0);
		border: 2px rgba(113, 113, 113, 1.0) solid;
		/* box-shadow: inset 0 0 30px #ffbc00; */
		position: relative;
		border-radius: 5px;
		opacity: 1;
		box-sizing: border-box;
	}
	
	.nin {
		width: 100%;
		height: 100%;
		/* background-color: red; */
		border: 3px rgba(53, 53, 53, 1.0) solid;
		box-sizing: border-box;
		border-radius: 3px;
	}
</style>